<template>
  <div class="home-header">
    <router-link to="/index" tag="span" class="weibo">视角微博</router-link>
    <router-link to="/index" tag="span" class="iconfont">&#xe660; 首页</router-link>
    <router-link to="/mySpace" tag="span" class="iconfont">&#xe635; 我的空间</router-link>
    <router-link to="/square" tag="span" class="iconfont">&#xe611; 广场</router-link>
    <router-link to="/set" tag="span" class="iconfont">&#xe612; 设置</router-link>
    <router-link to="/login" tag="span" class="login">登录</router-link>
  </div>
</template>

<script>
export default {
  name: 'homeHeader',
  
}
</script>

<style scoped lang="scss">
.home-header{
  box-sizing: border-box;
  width:100%;
  height: 50px;
  line-height: 50px;
  background: #007bff;
  font-size: 1.3rem;
  color: #f6f8fa75;
  position:relative;
  .weibo{
    color: white;
    margin:0 1rem;
  }
  span{
    cursor: pointer;
  }
  & :hover{
      color:white;
  }
  .login{
    position:absolute;
    right:1.5rem;
    color: white;
    font-size: 1.2rem;
  }
}
</style>
